<script type="text/javascript"
	src="views/parkLotCenter/processNode/js/processNodeList.js"></script>
<script>
	var processNodeJs = null;
	$(document).ready(function() {
		processNodeJs = new processNodeListJs($("#processNodeDiv"));
	});
</script>
<style>
.entryFlow-left {
	border: 1px solid #d8d8d8;
	width: 150px;
	height: 100%;
	float: left
}

.entryFlow-right {
	border: 1px solid #d8d8d8;
	width: calc(100% -   170px);
	height: 100%;
	float: right
}

.entryFlow-left .title {
	height: 35px;
	line-height: 35px;
	background: #18a0da;
	border-bottom: 1px solid #d8d8d8;
	text-align: center;
	color: #fff;
}

.pnNodebtn {
	width: 130px;
	border: 1px solid #d8d8d8;
	margin: 10px;
	padding: 8px 0;
	text-align: center;
	cursor: pointer;
	color: #5a5a5a;
	background: linear-gradient(#fff, #f0f0f0);
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -o-linear-gradient(#fff, #f0f0f0);
}

.pnNodebtn:hover {
	background: linear-gradient(#f0f0f0, #fff);
	background: -webkit-linear-gradient(#f0f0f0, #fff);
	background: -moz-linear-gradient(#f0f0f0, #fff);
	background: -o-linear-gradient(#f0f0f0, #fff);
}

.entryFlowPop{
    width:320px;
    height:200px;
    position:absolute;
    top:-220px;
    left:0;
    z-index:2;
    border:1px solid #e0e0e0;
    background:#f9f9f9;
    border-radius:4px;
    box-shadow:0 0 3px rgba(0,0,0,.2);
    padding:10px 0 0;
}
.entryFlowCon{
    height: 100%;
    position:absolute;
    z-index:1;
}
.entryFlowPop .hint-text{
    padding:5px 0;
}
.entryFlowPop .hint-text label{
	width:120px;
	text-align:right;
	display:inline-block
}
.entryFlowPop .Btn{text-align:center;margin-top:13px;}
.entryFlowPop .Btn button{
   background:#fbfbfb;
   border:1px solid #c1c1c1;
   padding:3px 10px;
   border-radius:4px;
   text-decoration:none
}
.entryFlowPop .Btn button:hover{
   background:#ebebeb;
}
</style>
<article id="processNodeDiv" style="height: 100%;">
	<div class="search-panel" style="text-align:center;padding:10px;">
		<div class="search-text" style="font-size: 20px;">
			<label>主流程：</label> <input type="text" id="mainProcess" data-bind="source:processList" />
			<div class="search-Btn">
				<button id="save">保存</button>
				<button id="delete">删除</button>
			</div>
		</div>
	</div>
	<div style="height: calc( 100% - 68px )">
		<div class="entryFlow-left">
			<div class="title">流程节点</div>
			<div id="nodeDiv"></div>
		</div>
		<div class="entryFlow-right" style="height: 100%;position:relative; overflow: hidden;">
		    <div class="entryFlowPop">
		       <div class="hint-text">
					<label>流程节点名称：</label>
					<input type="text" id="nodeTextName" class="k-textbox" disabled="disabled"/>
			   </div>
			   <div class="hint-text">
					<label>下个节点：</label>
					<input type="text" data-bind="value:nextNode,source:nextNodeList" id="nextTextNode"/>
			   </div>
			   <div class="hint-text">
					<label>跳转节点：</label>
					<input type="text" data-bind="value:jumpNode,source:jumpNodeList" id="jumpTextNode"/>
			   </div>
			   <div class="Btn">
		            <button id="saveNodeBtn">保存</button>
	           </div>
		    </div>
			<div id="processNodeGrid" class="entryFlowCon"></div>
		</div>
	</div>
	<div id="attrSetDiv" style="display: none;position:absolute;">
	</div>
</article>